<template>
  <!-- 人脉微帖搜索页面 -->
  <view class="mian">
    <view class="top_tou">
      <view class="left_" @tap="handleTui">
        <image
          src="../../images/circle/zuojiantou.png"
          mode="aspectFill"
        ></image>
      </view>
      <view class="center_"> 搜索</view>
      <view class="right_"></view>
    </view>

    <view class="top_kuang">
      <view class="top_s">
        <view class="left">
          <image
            src="../../images/aliang/weitieSea.png"
            mode="aspectFill"
          ></image>
        </view>
        <view class="right">
          <input
            type="text"
            :value="is_input"
            placeholder="搜索人脉、微帖、商机"
            placeholder-style="color:rgba(153,153,153,1);font-size:24rpx"
            @input="handleInput2"
            @confirm="handleInput"
            focus
          />
        </view>
        <view class="end" v-if="is_input != ''" @tap="handleClear">
          <icon type="clear" size="13" color="#000" />
        </view>
      </view>
    </view>

    <block v-if="searchList.length == 0 && code_s == 0">
      <!-- 搜索历史 -->
      <view class="search_his" v-if="search_history.length != 0">
        <view class="title">
          <view class="text"> 搜索历史 </view>
          <view class="shan" v-if="!dele_" @tap="handleAlls">
            <image
              src="../../images/aliang/weitieShan.png"
              mode="aspectFill"
            ></image>
          </view>
          <view class="shan_1" v-if="dele_">
            <text @click="handleAlls">全部删除</text>
            <text class="xian"></text>
            <text class="two" @tap="handleWan">完成</text>
          </view>
        </view>
        <view class="content">
          <view
            class="item"
            v-for="(item, index) in search_history"
            :key="index"
          >
            <view
              :class="[item.length > 5 ? 'name name1' : 'name']"
              @tap="handleHist(item)"
            >
              {{ item }}
            </view>
            <view v-if="dele_" class="xian">
              <text></text>
              <image
                src="../../imges/cha.png"
                mode="aspectFill"
                @click="handleSdan(index)"
              ></image>
            </view>
          </view>
        </view>
      </view>
    </block>
    <!-- 搜索列表展示 -->
    <block v-if="is_input != '' && searchList.length != 0">
      <view class="titleReslt">
        搜素结果<text>{{ total }}</text>
      </view>
      <view
        class="circle_list"
        v-for="(item, index) in searchList"
        :key="index"
      >
        <!-- 人脉 -->
        <view class="rm" v-if="item.type == 1">
          <navigator
            :url="'/pages/index/personal?id=' + item.createUid"
            hover-class="none"
            class="list"
          >
            <view class="list_top">
              <view class="left">
                <view class="tou">
                  <image
                    class="touxiang"
                    :src="item.avatarUrl"
                    mode="aspectFill"
                  ></image>
                  <!-- 大v标识 -->
                  <image
                    src="../../imges/various.png"
                    mode="aspectFill"
                    class="verified"
                    v-if="item.verified"
                  ></image>
                </view>
                <view class="abstract">
                  <view class="abstract_top">
                    <text class="name">{{ item.userName }}</text>
                    <text class="phone" v-if="item.isTelphone == 0"
                      >手机：{{ item.telphone }}</text
                    >
                  </view>
                  <view class="bott">
                    <text class="company" v-if="item.company != ''">{{
                      item.company
                    }}</text>
                    <text class="position" v-if="item.post != ''">{{
                      item.post
                    }}</text>
                    <text class="city" v-if="item.area">{{ item.area }}</text>
                  </view>
                </view>
              </view>
            </view>
            <view
              class="tcxq"
              v-if="
                (item.specialty != 'null' && item.specialty != '') ||
                (item.demand != 'null' && item.demand != '')
              "
            >
              <view
                class="tc"
                v-if="item.specialty != 'null' && item.specialty != ''"
              >
                特长：<text>{{ item.specialty }}</text>
              </view>
              <view
                class="xq"
                v-if="item.demand != 'null' && item.demand != ''"
              >
                需求：<text>{{ item.demand }}</text>
              </view>
            </view>
          </navigator>
        </view>
        <!-- 微帖 -->
        <view class="content_list" v-if="item.type == 2">
          <!-- <navigator :url="'/pages/index/trickDetail?id=' + item.id" hover-class="none" class="lists_"> -->
          <view class="lists_">
            <view class="item_">
              <view class="top_">
                <navigator
                  :url="'/pages/index/personal?id=' + item.createUid"
                  hover-class="none"
                  class="left"
                >
                  <view class="one_">
                    <image :src="item.avatarUrl" mode="aspectFill"></image>
                    <!-- 大v标识 -->
                    <image
                      src="../../imges/various.png"
                      mode="aspectFill"
                      class="verified"
                      v-if="item.verified"
                    ></image>
                  </view>
                  <view class="two_">
                    <text class="name">{{ item.userName }}</text>
                    <view class="post">
                      <text class="company">{{ item.company }}</text>
                      <text class="company" v-if="item.post">{{
                        item.post
                      }}</text>
                      <text class="company" v-if="item.area">{{
                        item.area
                      }}</text>
                    </view>
                  </view>
                </navigator>
                <view class="right">
                  <image
                    src="../../images/aliang/sandian.png"
                    mode="aspectFill"
                    @tap="showYes(index)"
                  ></image>
                  <view class="three6" v-if="item.is_show">
                    <view class="jiao"> </view>
                    <navigator
                      :url="'/pages/post/report?id=' + item.id"
                      class="one1"
                      hover-class="none"
                    >
                      举报
                    </navigator>
                    <navigator
                      :url="
                        '/pages/post/newEditor?id=' +
                        item.id +
                        '&key=' +
                        is_input +
                        '&orgId=' +
                        orgId
                      "
                      class="one1"
                      hover-class="none"
                      v-if="item.isSelf == 1"
                      open-type="redirect"
                    >
                      编辑
                    </navigator>

                    <view
                      class="one1"
                      v-if="item.isSelf == 1 || item.isAdmin == 1"
                      @tap="handleDelete(item.id, 1)"
                    >
                      删除
                    </view>
                  </view>
                </view>
              </view>

              <navigator
                :url="'/pages/index/trickDetail?id=' + item.id"
                hover-class="none"
                v-if="item.content"
              >
                <view :class="[item.isY ? 'content content1' : 'content']">
                  <image
                    class="jing"
                    v-if="item.isEssences == 1"
                    src="../../images/circle/jing.png"
                    mode="aspectFill"
                  ></image>
                  <image
                    class="zhiding"
                    v-if="item.isTop == 1"
                    src="../../images/circle/zhiding.png"
                    mode="aspectFill"
                  ></image>
                  <text> {{ item.content }}</text>
                </view>
                <!-- 图片视频展示位 -->
                <view class="imgs" v-if="item.is_video || item.is_imgs">
                  <image
                    :src="item1.fileUrl"
                    mode="aspectFill"
                    v-for="(item1, index1) in item.imgCollection"
                    :key="index1"
                    v-if="
                      item.imgCollecList.length > 1 &&
                      item1.fileType == 1 &&
                      !item.is_video &&
                      index1 < 3
                    "
                  ></image>
                  <image
                    class="myImage"
                    :src="item.imgCollection[0].fileUrl"
                    mode="aspectFill"
                    v-if="
                      item.imgCollecList.length == 1 &&
                      item.imgCollection[0].fileType == 1 &&
                      !item.is_video
                    "
                  ></image>
                  <view class="myVideo" v-if="item.is_video">
                    <image
                      :src="item.imgCollection[0].firstUrl"
                      mode="aspectFill"
                      v-if="
                        item.imgCollection.length == 1 &&
                        item.imgCollection[0].fileType == 3
                      "
                    ></image>
                    <image
                      :src="item6.firstUrl"
                      mode="aspectFill"
                      v-for="(item6, index1) in item.imgCollection"
                      :key="index1"
                      v-if="
                        item.imgCollection.length > 1 &&
                        item6.fileType == 3 &&
                        item.is_video
                      "
                    ></image>
                    <image
                      src="../../images/aliang/shiping_.png"
                      mode="aspectFill"
                      class="shipingBo"
                    ></image>
                  </view>
                </view>
                <!-- 文档展示位 -->
                <view
                  class="file_content"
                  v-if="item.is_file && item.file_ && item.postType == 4"
                >
                  <view class="left_file">
                    <image
                      src="../../images/circle/file.png"
                      mode="aspectFill"
                    ></image>
                  </view>
                  <view class="right_file">
                    {{ item.file_.fileName }}
                  </view>
                </view>
                <!-- 活动展示位 -->
                <view class="act_content" v-if="item.postType == 2">
                  <view class="left_">
                    <image :src="item.act.actPoster" mode="aspectFill"></image>
                    <view class="actName">
                      <view class="name">
                        {{ item.act.topic }}
                      </view>
                      <view class="time" v-if="item.actTimeStart">
                        {{ item.actTimeStart }}
                      </view>
                    </view>
                  </view>
                  <view class="center_"> </view>
                  <view class="right_"> 去参加 </view>
                </view>
                <!-- 商品展示位 -->
                <view class="goods_content" v-if="item.postType == 3">
                  <view class="left_">
                    <image
                      :src="item.goodsInfo.goodsImg"
                      mode="aspectFill"
                    ></image>
                    <view class="actName">
                      <view class="name">
                        {{ item.goodsInfo.goodsName }}
                      </view>
                      <view class="price">
                        <text class="now"
                          >￥{{ item.goodsInfo.presentPrice }}</text
                        >
                        <text class="last" v-if="item.goodsInfo.price"
                          >￥{{ item.goodsInfo.price }}</text
                        >
                      </view>
                    </view>
                  </view>
                  <view class="center_"> </view>
                  <view class="right_"> 去购买 </view>
                </view>
              </navigator>
              <view class="bottom_zan">
                <navigator
                  :url="'/pages/index/trickDetail?id=' + item.id"
                  hover-class="none"
                  class="left_"
                >
                  <text class="businessTypeStr" v-if="item.businessTypeStr">{{
                    item.businessTypeStr
                  }}</text
                  ><text>{{ item.createTimeStr }}</text>
                </navigator>
                <view class="right_">
                  <!-- 点赞 -->
                  <view class="zan_photo">
                    <img
                      class="image"
                      src="../../images/aliang/zan.png"
                      v-if="item.isThumbs == 0"
                      @tap="handleLike(item.id, 0, item.orgId, index)"
                    />
                    <img
                      class="image"
                      src="../../images/aliang/zan1.png"
                      mode="aspectFill"
                      v-if="item.isThumbs == 1"
                      @tap="handleLike(item.id, 1, item.orgId, index)"
                    />
                    <text
                      v-if="item.thumbsCount != 0"
                      :style="{
                        color: item.isThumbs == 1 ? '#DB361F' : '#111111',
                      }"
                      >{{ item.thumbsCount }}</text
                    >
                    <text v-if="item.thumbsCount == 0" class="zptext">
                      赞
                    </text>
                  </view>
                  <!-- 评论 -->
                  <navigator
                    :url="'/pages/index/trickDetail?id=' + item.id + '&type=3'"
                    hover-class="none"
                    class="pinglun"
                  >
                    <image
                      src="../../images/aliang/pinglun.png"
                      mode="aspectFill"
                    ></image>
                    <text v-if="item.commentsCount != 0">{{
                      item.commentsCount
                    }}</text>
                    <text v-if="item.commentsCount == 0" class="zptext"
                      >评论</text
                    >
                  </navigator>
                  <!-- 分享 -->
                  <view class="fenxiang" @tap="openShare(item)">
                    <image
                      src="../../images/aliang/share.png"
                      mode="aspectFill"
                    ></image>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>

        <view class="center_xian"></view>
      </view>
    </block>
    <!-- 暂无搜索命中状态 -->
    <view class="wu_Huo" v-if="searchList.length == 0 && code_s == 1">
      <text>暂无相关搜索结果</text>
    </view>

    <!-- 弹窗控制 -->
    <view
      class="main6"
      v-if="is_show"
      @tap.stop="showNo"
      @touchstart.stop.prevent="showNo"
    ></view>
    <!-- 分享提示弹窗 -->
    <view class="fenxiang_" v-if="isShare" @tap="closeShare">
      <view class="footer_content">
        <view class="item_" @tap="linkShare">
          <image
            src="../../images/aliang/weixin_q.png"
            mode="aspectFill"
          ></image>
          <text>朋友圈</text>
        </view>
        <view class="item_ item_imgShare" @tap="imgShare">
          <image
            src="../../images/aliang/shareTu.png"
            mode="aspectFill"
          ></image>
          <text>图片分享</text>
        </view>
        <view class="item_" @tap="linkShare">
          <image
            src="../../images/aliang/weixin_.png"
            mode="aspectFill"
          ></image>
          <text>微信好友</text>
        </view>
      </view>
    </view>
    <!-- 微帖链接分享 -->
    <view class="fenxiang_" @tap="closeLinkShare" v-if="isLinkShare">
      <view class="content_">
        <view class="left_">
          <view class="one_"> 请点击右上角按钮“···” </view>
          <view class="two_"> 发送给好友，分享到朋友圈 </view>
        </view>
        <view class="right_">
          <image
            src="../../images/aliang/fenxiang.png"
            mode="aspectFill"
          ></image>
        </view>
      </view>
    </view>
    <!-- 弹层海报 -->
    <view
      class="haibaozhezhao"
      v-show="postMaskShare"
      :style="{ overflow: base64 ? 'auto' : 'hidden' }"
    >
      <img
        class="gb"
        @tap="closeImgMask"
        src="../../images/circle/haibao_cloce.png"
      />
      <view class="popup">
        <view id="poster" class="haibao">
          <view
            v-if="!base64"
            style="background: #0f6ede; padding: 0 22rpx 42rpx 22rpx"
          >
            <view class="header">
              <img :src="postIndexData.orgUrl" />
              <text>{{ postIndexData.orgName }}</text>
            </view>
            <view class="type">
              <img
                class="you_img"
                src="../../images/aliang/haibaoSG.png"
                v-if="postIndexData.haibaoIndex == 2"
              />
              <img
                class="you_img"
                src="../../images/aliang/haibaoSJ.png"
                v-if="postIndexData.haibaoIndex == 3"
              />
              <img
                class="you_img"
                src="../../images/aliang/haibaoW.png"
                v-if="postIndexData.haibaoIndex == 4"
              />
              <img
                class="you_img"
                src="../../images/aliang/haibao_huo.png"
                v-if="postIndexData.haibaoIndex == 1"
              />
              <img
                class="you_img"
                src="../../images/aliang/haibao_tie.png"
                v-if="postIndexData.haibaoIndex == 5"
              />
            </view>
            <view class="content">
              <view class="content_top">
                <img :src="postIndexData.avatarUrl" />
                <view class="right">
                  <text class="name">{{ postIndexData.userName }}</text>
                  <text class="time" v-if="postIndexData.createTime">{{
                    postIndexData.createTime.substring(0, 16)
                  }}</text>
                </view>
              </view>
              <view class="text">
                {{ postIndexData.contentNew }}
              </view>
              <!-- 微贴 -->
              <view
                class="weitie"
                v-if="
                  postIndexData.vodieListHB.length > 0 ||
                  postIndexData.imgListHB.length > 0
                "
              >
                <!-- 多张照片 -->
                <view
                  class="moreImg"
                  v-if="
                    postIndexData.vodieListHB.length == 0 &&
                    postIndexData.imgListHB.length > 1
                  "
                  v-for="(item, index) in postIndexData.imgListHB"
                  :key="index"
                >
                  <img :src="item.fileUrl" />
                </view>
                <!-- 一张图 -->
                <img
                  v-if="
                    postIndexData.imgListHB.length == 1 &&
                    postIndexData.vodieListHB.length == 0
                  "
                  class="oneImage"
                  :src="postIndexData.imgListHB[0].fileUrl"
                />
                <!-- 视频 -->
                <view class="video" v-if="postIndexData.vodieListHB.length > 0">
                  <image
                    :src="postIndexData.vodieListHB[0].firstUrl"
                    mode="aspectFill"
                  ></image>
                  <img class="bofang" src="../../images/circle/video.png" />
                </view>
              </view>

              <!-- 活动 -->
              <view class="active2" v-if="postIndexData.haibaoIndex == 1">
                <view class="left">
                  <img :src="postIndexData.act.actPoster" />
                  <view class="huodong">
                    <text class="title">{{
                      postIndexData.act.topic.length > 10
                        ? postIndexData.act.topic.substring(0, 10) + "..."
                        : postIndexData.act.topic
                    }}</text>
                    <text class="time" v-if="postIndexData.actTimeStart">{{
                      postIndexData.actTimeStart
                    }}</text>
                  </view>
                </view>
                <view class="center_"> </view>
                <view class="right_"> 去参加 </view>
              </view>
              <!-- 商品 -->
              <view class="shop" v-if="postIndexData.haibaoIndex == 2">
                <view class="left">
                  <img :src="postIndexData.goodsInfo.goodsImg" />
                  <view class="shangpin">
                    <text class="title">{{
                      postIndexData.goodsInfo.goodsName
                    }}</text>
                    <view class="jiage">
                      <text class="now"
                        >￥{{ postIndexData.goodsInfo.presentPrice }}</text
                      >
                      <del class="last" v-if="postIndexData.goodsInfo.price"
                        >￥{{ postIndexData.goodsInfo.price }}</del
                      >
                    </view>
                  </view>
                </view>
                <view class="center_"> </view>
                <view class="right_"> 去购买 </view>
              </view>
              <!-- 文件 -->
              <view
                class="wj"
                v-if="postIndexData.fileListHB.length > 0"
                v-for="(value, index8) in postIndexData.fileListHB"
                :key="index8"
              >
                <view class="left">
                  <img src="../../images/circle/file.png" />
                  <view class="name">
                    {{ value.fileName }}
                  </view>
                </view>
              </view>
              <!-- 商机 -->
              <view class="sj" v-if="postIndexData.haibaoIndex == 3">
                <text class="sj1">{{ postIndexData.businessTypeStr }}</text>
                <text>{{ postIndexData.businessIndustry }}</text>
              </view>
            </view>
            <img
              class="ewm"
              src="../../images/circle/cs_ewm.png"
              v-if="!postIndexData.imageUrl"
            />
            <img
              class="ewm"
              :src="postIndexData.imageUrl"
              v-if="postIndexData.imageUrl"
            />
            <view class="bottom">
              <view> 长按识别二维码查看原文 </view>
              <view class="bottom_">
                一起来往APP/公众号：万商由人 商会领聚
              </view>
            </view>
          </view>
          <img
            :src="base64"
            :style="{ width: viewWidth + 'px', height: viewHeight + 'px' }"
            v-if="base64"
          />
        </view>
      </view>
      <view class="btn"> 长按海报，发送给朋友或保存图片 </view>
    </view>
  </view>
</template>

<script>
import request from "../../utils/request.js";
let jweixin = require("jweixin-module"); //引入配置
import html2canvas from "html2canvas";
export default {
  data() {
    return {
      code_s: 0,
      is_input: "", //input值
      dele_: false, // 控制是否删除
      search_history: [], //搜索历史列表
      searchList: [], //搜素列表
      pageSize: 10,
      bottom: false,
      noMore: false,
      orgId: "",
      total: 0,
      isStriking: true,
      isZan: true, //控制点赞
      postIndexData: {
        imgListHB: [],
        fileListHB: [],
        vodieListHB: [],
      }, //当前帖子数据
      postMaskShare: false,
      base64: "", //海报图
      viewWidth: "",
      viewHeight: "",
      is_shengcheng: false,
      is_show: false, //控制遮罩
      isShare: false,
      isLinkShare: false,
    };
  },
  onLoad(options) {
    this.orgId = options.id;
    if (options.key) {
      this.is_input = options.key;
      this.handleSearch(options.key);
    }
  },
  onShow() {
    this.search_history.length = 0;
    this.search_history = uni.getStorageSync("historyList") || [];
    this.bottom = false;
    this.isShare = false;
    this.isLinkShare = false;
    this.is_show = false;
    this.base64 = "";
    this.searchList.forEach((v) => {
      v.is_show = false;
    });
  },
  onPullDownRefresh() {
    if (this.searchList.length == 0 || this.postMaskShare) {
      uni.stopPullDownRefresh();
      return false;
    }
    this.bottom = false;
    this.noMore = false;
    this.pageSize = 10;
    setTimeout(() => {
      this.handleSearch(this.is_input);
      uni.stopPullDownRefresh();
      uni.showToast({
        title: "刷新成功",
        duration: 1500,
        icon: "none",
      });
    }, 1000);
  },
  onReachBottom() {
    if (this.is_input == "" || !this.isStriking || this.postMaskShare) {
      return false;
    }
    this.bottom = true;
    uni.showLoading({
      title: "加载中",
    });
    this.pageSize = this.pageSize + 10;
    this.handleSearch(this.is_input);
  },
  methods: {
    handleDelete(id, index) {
      this.is_show = false;
      this.searchList.forEach((v) => {
        v.is_show = false;
      });
      uni.showModal({
        title: "提示",
        content: "是否确定删除该条帖子",
        confirmColor: "#000000",
        cancelColor: "#007aff",
        cancelText: "再想想",
        success: (e) => {
          if (e.confirm) {
            let token = uni.getStorageSync("token");
            // console.log(token, 'token')
            if (!token) {
              uni.showToast({
                title: "请授权登录再操作！",
                duration: 2000,
                icon: "none",
              });
              setTimeout(() => {
                uni.navigateTo({
                  url: "/pages/index/index",
                });
              }, 2000);
            } else {
              this.request({
                url: "h5/orgMessage/orgDeleteAct?uid=",
                method: "post",
                header: {
                  "Content-Type": "application/json",
                  "api-client": "72e0fee8172411ea995200163e05ff66",
                  "api-version": this.globalData.apiVersion,
                  "Source-Type": 7,
                  token: token,
                },
                data: {
                  relationId: id,
                  type: 13,
                  orgId: this.orgId,
                },
              }).then((res) => {
                // console.log(res, '删除帖子')
                if (res.data.code == 200) {
                  this.is_show = false;
                  this.handleSearch(this.is_input);
                  uni.showToast({
                    title: "删除成功",
                    duration: 1000,
                    icon: "none",
                  });
                } else {
                  uni.showToast({
                    title: res.data.msg,
                    duration: 2000,
                    icon: "none",
                  });
                }
              });
            }
          }
        },
      });
    },
    showNo() {
      //关闭举报弹窗
      this.is_show = false;
      this.searchList.forEach((v) => {
        v.is_show = false;
      });
    },
    showYes(index) {
      this.is_show = true;
      this.searchList.forEach((v) => {
        v.is_show = false;
      });
      this.searchList[index].is_show = true;
    },
    closeShare() {
      this.isShare = false;
    },
    linkShare() {
      //链接分享
      this.isLinkShare = true;
    },
    closeLinkShare() {
      //关闭链接分享
      this.isLinkShare = false;
    },
    imgShare() {
      let that = this;
      that.isFen = false;
      that.postMaskShare = true;
      this.is_shengcheng = true;
      document.getElementsByClassName("uni-body")[0].style.overflow = "hidden";
      setTimeout(() => {
        // console.log(document.getElementsByClassName("oneImage")[0].clientWidth)
        // console.log(document.getElementsByClassName("oneImage")[0])
        uni.showLoading({
          title: "海报生成中...",
        });
      }, 200);
      setTimeout(() => {
        that.toImg();
      }, 1500);
    },
    closeImgMask() {
      if (this.is_shengcheng) {
        return false;
      } else {
        document.getElementsByClassName("uni-body")[0].style =
          "overflow-x :hidden";
        this.postMaskShare = false;
        this.base64 = "";
      }
    },
    toImg() {
      let that = this;
      var dom = document.getElementById("poster"); // 获取dom元素
      var width = dom.offsetWidth; //dom宽
      this.viewWidth = width;
      var height = dom.offsetHeight; //dom高
      this.viewHeight = height;
      html2canvas(dom, {
        dpi: window.devicePixelRatio * 4,
        scale: 3.171, // 缩放倍数
        width: width, //dom 原始宽度
        height: height,
        scrollY: 0, // html2canvas默认绘制视图内的页面，需要把scrollY，scrollX设置为0
        scrollX: 0,
        useCORS: true, //支持跨域，但好像没什么用
        async: false, //是否异步解析和呈现元素
      }).then((canvas) => {
        // 将生产的canvas转为base64图片
        that.base64 = canvas.toDataURL("img/jpg", 1.0);
        if (that.base64) {
          uni.hideLoading();
          that.is_shengcheng = false;
        }
      });
    },
    openShare(data) {
      //微帖分享
      data.imgListHB = [];
      data.fileListHB = [];
      data.vodieListHB = [];
      if (data.imgCollection.length > 0) {
        var imgListHB = data.imgCollection.filter((v) => {
          return v.fileType == 1;
        });
        var fileListHB = data.imgCollection.filter((v) => {
          return v.fileType == 2;
        });
        var vodieListHB = data.imgCollection.filter((v) => {
          return v.fileType == 3;
        });
        if (fileListHB.length > 0) {
          fileListHB.forEach((v) => {
            if (v.fileName.length > 36) {
              v.fileName.substring(0, 36) + "...";
            }
          });
        }
        data.imgListHB = imgListHB;
        data.fileListHB = fileListHB;
        data.vodieListHB = vodieListHB;
      }
      data.contentNew = data.content.trim();
      if (data.act.id && data.act.topic) {
        data.haibaoIndex = 1;
      } else if (
        data.goodsInfo.goodsName &&
        data.goodsInfo.goodsImg &&
        data.goodsInfo.id
      ) {
        data.haibaoIndex = 2;
      } else if (data.businessTypeStr && data.businessIndustry) {
        data.haibaoIndex = 3;
      } else if (data.imgCollection.length > 0 && fileListHB.length > 0) {
        data.haibaoIndex = 4;
      } else {
        data.haibaoIndex = 5;
      }
      this.postIndexData = data;
      console.log(this.postIndexData, "微帖数据");
      this.isShare = true;
      //分享功能
      let that = this;
      request({
        url: "h5/login/jsapiSignature",
        method: "POST",
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7, //post一定要带这个header，被这里坑了半天
        },
        data: {
          url: window.location.href.split("#")[0],
        },
      }).then((res) => {
        if (res.statusCode == 200) {
          jweixin.config({
            debug: false,
            appId: res.data.appId, // 必填，公众号的唯一标识
            timestamp: res.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
            signature: res.data.signature, // 必填，签名，见附录1
            jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"],
          });
          jweixin.ready(function () {
            // 判断封面
            if (data.goodsInfo.goodsImg) {
              //有商品
              var imgP = data.goodsInfo.goodsImg;
            } else {
              //视频
              var arr_v = data.imgCollection.filter((v) => {
                return v.fileType == 3;
              });
              // 图片
              var arr_v1 = data.imgCollection.filter((v) => {
                return v.fileType == 1;
              });
              if (arr_v.length != 0) {
                //视频
                var imgP = arr_v[0].firstUrl;
              } else if (arr_v1.length != 0 && arr_v.length == 0) {
                //图片
                var imgP = arr_v1[0].fileUrl;
              } else if (arr_v.length == 0 && arr_v1.length == 0) {
                var imgP = data.orgUrl;
                // var imgP = "https://img.yiqilaiwang.com/yqlwlogo.png";
              }
            }
            //判断标题
            var arr_v2 = data.imgCollection.filter((v) => {
              return v.fileType == 2;
            });
            if (data.content.length >= 30) {
              var teiTitle = data.content.substring(0, 30) + "...";
            } else if (data.content.length > 0 && data.content.length < 30) {
              if (arr_v2.length > 0) {
                var teiTitle = data.content + " [文件] " + arr_v2[0].fileName;
              } else {
                var teiTitle = data.content;
              }
            } else if (data.content.length == 0 && arr_v2.length > 0) {
              var teiTitle = "[文件] " + arr_v2[0].fileName;
            } else {
              var teiTitle = "我在商业精英人脉圈发布了有趣的图片微帖，来看看吧";
            }
            var tieContent = data.userName + "发布了一条微帖，邀请你来看";
            var urlLink =
              that.globalData.domain +
              "/pages/index/trickDetail?id=" +
              data.id +
              "&isShare=1";
            jweixin.updateAppMessageShareData({
              title: teiTitle, //分享标题
              desc: tieContent, // 分享描述
              link: urlLink, //分享链接
              imgUrl: imgP, //分享图标
              success: function (res) {
                that.shareTO(data.id);
                // console.log(res, '分享')
              },
            });
            //自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）
            jweixin.updateTimelineShareData({
              title: teiTitle, //分享标题
              desc: tieContent, // 分享描述
              link: urlLink, //分享链接
              imgUrl: imgP, //分享图标
              success: function () {
                // 用户确认分享后执行的回调函数
              },
            });
          });
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    shareTO(postId) {
      //分享帖子的函数
      let token = uni.getStorageSync("token");
      request({
        url: "h5/orgCircle/sharePost",
        method: "post",
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          postId: postId,
        },
      }).then((res) => {
        if (res.data.code == 200) {
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    handleLike(id, index, orgId, indexs) {
      this.bottom = false;
      if (this.isZan == false) {
        return false;
      }
      this.isZan = false;
      //微帖点赞
      let token = uni.getStorageSync("token");
      if (!token) {
        // uni.showToast({
        // 	title: "请授权登录再操作",
        // 	duration: 2000,
        // 	icon: "none",
        // });
      } else {
        request({
          url: "h5/appUserThumbs/thumbs",
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {
            thumbsId: id,
            type: 13,
            status: index,
          },
        }).then((res) => {
          if (res.data.code == 200) {
            if (index == 0) {
              this.searchList[indexs].isThumbs = 1;
              this.searchList[indexs].thumbsCount += 1;
              this.isZan = true;
              uni.showToast({
                title: "点赞成功",
                duration: 1000,
                icon: "none",
              });
            } else if (index == 1) {
              this.searchList[indexs].isThumbs = 0;
              this.searchList[indexs].thumbsCount -= 1;
              this.isZan = true;
              uni.showToast({
                title: "取消点赞成功",
                duration: 1000,
                icon: "none",
              });
            }
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    handleTui() {
      window.history.go(-1);
    },
    handleSearch(key) {
      this.isStriking = true;
      //搜索圈子
      let token = uni.getStorageSync("token");
      // console.log(token, 'token')
      if (!token) {
        uni.showToast({
          title: "请授权登录再操作！",
          duration: 2000,
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/pages/index/index",
          });
        }, 2000);
      } else {
        request({
          url: "h5/orgMessage/lastPost",
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {
            keyword: key,
            pageSize: this.pageSize,
            pageNumber: 1,
            orgId: this.orgId,
          },
        }).then((res) => {
          // console.log(res, '搜索微帖')
          if (res.data.code == 200) {
            this.total = res.data.data.total;
            this.searchList = res.data.data.rows.map((v) => {
              v.is_show = false;
              v.is_content = false;
              v.is_video = false;
              v.is_imgs = false;
              v.is_file = false;
              v.isY = false;
              v.file_ = ""; //附件信息
              v.postType = 1;
              v.imgCollecList = [];
              return v;
            });
            this.searchList.forEach((v) => {
              v.content = v.content.replace(/\ /g, "").replace(/\s/g, "");
              if (v.content) {
                if (
                  v.content.indexOf("a") != -1 ||
                  v.content.indexOf("6") != -1
                ) {
                  v.isY = true;
                }
              }
              if (
                v.content &&
                v.content.indexOf("Sfdhdfdheadgh34wesdh") != -1
              ) {
                v.isY = true;
              }
              if (v.company.length > 10) {
                v.company = v.company.substring(0, 10) + "...";
              }
              v.imgCollection.forEach((value, index) => {
                //判断是否有视频
                if (value.fileType == 3) {
                  //有视频
                  v.is_video = true;
                }
                if (value.fileType == 1) {
                  //有视频
                  v.is_imgs = true;
                }
              });
              v.imgCollecList = v.imgCollection.filter((v) => {
                return v.fileType == 1;
              });
              // 判断微帖的类型
              if (v.act.topic && v.act.actStartTime) {
                //活动
                v.postType = 2;
                v.actTimeStart =
                  v.act.actStartTime.substring(5, 7) +
                  "月" +
                  v.act.actStartTime.substring(8, 10) +
                  "日" +
                  " " +
                  v.act.actStartTime.substring(11, 16);
              } else if (v.goodsInfo.goodsName && v.goodsInfo.presentPrice) {
                //商品
                v.postType = 3;
              } else if (v.imgCollection.length > 0) {
                //不止一张
                v.imgCollection.forEach((value, index) => {
                  if (value.fileType == 2) {
                    v.is_file = true;
                    v.postType = 4;
                    v.file_ = value; //拿文档对象
                    return false;
                  }
                });
              }
            });
            if (res.data.data.rows.length == 0) {
              this.code_s = 1;
            }
            if (res.data.data.total == 0) {
              uni.hideLoading();
              return false;
            }
            if (
              this.searchList.length >= res.data.data.total &&
              this.bottom &&
              !this.noMore
            ) {
              uni.hideLoading();
              uni.showToast({
                title: "加载完成",
                duration: 1000,
                icon: "none",
              });
              this.noMore = true;
              return false;
            }

            if (this.searchList.length >= res.data.data.total && this.bottom) {
              uni.hideLoading();
              uni.showToast({
                title: "没有更多数据了",
                duration: 1000,
                icon: "none",
              });
              this.isStriking = false;
            } else if (
              this.searchList.length < res.data.data.total &&
              this.bottom
            ) {
              uni.hideLoading();
              uni.showToast({
                title: "加载完成",
                duration: 1000,
                icon: "none",
              });
            }
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    handleInput2(e) {
      //输入事件
      this.is_input = e.detail.value;
      if (e.detail.value == "") {
        this.code_s = 0;
        this.searchList.length = 0;
      }
    },
    handleClear() {
      //清除文本框
      this.is_input = "";
      this.searchList = [];
      this.code_s = 0;
    },
    handleInput() {
      //完成事件（执行调用）
      this.bottom = false;
      if (this.is_input.trim() == "") {
        uni.showToast({
          title: "请输入搜索词",
          duration: 3000,
          icon: "none",
        });
        return false;
      }
      this.handleSearch(this.is_input);
      this.search_history = uni.getStorageSync("historyList") || [];
      this.search_history.unshift(this.is_input);
      this.search_history = [...new Set(this.search_history)];
      uni.setStorageSync("historyList", this.search_history);
    },
    handleShan() {
      //点删除
      this.dele_ = true;
    },
    handleWan() {
      this.dele_ = false;
    },
    handleAlls() {
      //点全删
      uni.showModal({
        title: "提示",
        content: "是否清空所有搜索历史！",
        success: (res) => {
          if (res.confirm) {
            uni.setStorageSync("historyList", []);
            this.search_history = [];
          }
        },
      });
    },
    handleSdan(index) {
      //点击删除单个
      this.search_history.splice(index, 1);
      uni.setStorageSync("historyList", this.search_history);
    },
    handleHist(item) {
      //点击历史搜索
      this.bottom = false;
      // console.log(item)
      this.is_input = item;
      this.searchList = []; //如果搜索为空则提示
      this.handleSearch(this.is_input);
      // uni.showToast({
      // 	title: '暂无关键词命中',
      // 	duration: 3000,
      // 	icon: 'none'
      // });

      this.search_history = uni.getStorageSync("historyList") || [];
      this.search_history.unshift(this.is_input);
      this.search_history = [...new Set(this.search_history)];
      uni.setStorageSync("historyList", this.search_history);
    },
  },
};
</script>
<style scoped lang="less">
.haibaozhezhao {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.4);
  overflow: auto;

  .popup {
    width: 678rpx;
    // height: 800rpx;
    margin-top: 100rpx;
    margin-left: 36rpx;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 82rpx;
    // overflow: auto;
  }

  .gb {
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    right: 33rpx;
    top: 33rpx;
    z-index: 9999;
  }

  .haibao {
    width: 678rpx;
    box-sizing: border-box;
    position: relative;

    .type {
      width: 61rpx;
      height: 99rpx;
      position: absolute;
      top: 0;
      right: 22rpx;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .header {
      width: 100%;
      padding: 43rpx 0;
      padding-right: 83rpx;
      display: flex;
      align-items: center;
      box-sizing: border-box;

      img {
        width: 43rpx;
        height: 43rpx;
        border-radius: 4rpx;
        margin-right: 14rpx;
      }

      text {
        font-size: 25rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
      }
    }

    .content {
      width: 100%;
      // height: 517rpx;
      background-color: #ffffff;
      padding: 36rpx 33rpx;
      box-sizing: border-box;

      .content_top {
        display: flex;

        img {
          width: 80rpx;
          height: 80rpx;
          border-radius: 4rpx;
          margin-right: 18rpx;
        }

        .right {
          display: flex;
          flex-direction: column;
          justify-content: space-between;

          .name {
            opacity: 1;
            font-size: 29rpx;
            font-family: PingFangSC, PingFangSC-Semibold;
            font-weight: 600;
            text-align: left;
            color: #111111;
          }

          .time {
            opacity: 1;
            font-size: 22rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: left;
            color: #999999;
          }
        }
      }

      .text {
        font-size: 29rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: justify;
        color: #111111;
        line-height: 43rpx;
        margin: 33rpx 0;
      }

      .active2 {
        width: 100%;
        height: 127rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        padding: 18rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        position: relative;
        margin-top: 20rpx;

        .right_ {
          opacity: 1;
          font-size: 30rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          color: #0f6ede;
          // padding-left: 28rpx;
          padding-right: 10rpx;
          flex-shrink: 0;
        }

        .center_ {
          width: 1.5rpx;
          height: 35rpx;
          opacity: 1;
          background-color: #bbbbbb;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 144rpx;
        }

        .left {
          display: flex;

          img {
            width: 90rpx;
            height: 90rpx;
            margin-right: 18rpx;
          }

          .huodong {
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            .title {
              font-size: 25rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              width: 320rpx;
              // display: -webkit-box;
              // -webkit-box-orient: vertical;
              // -webkit-line-clamp: 1;
              // overflow: hidden;
            }

            .time {
              font-size: 22rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #999999;
            }
          }
        }
      }

      .shop {
        width: 100%;
        height: 127rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        padding: 18rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        position: relative;
        margin-top: 20rpx;

        .right_ {
          opacity: 1;
          font-size: 30rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          color: #0f6ede;
          // padding-left: 28rpx;
          padding-right: 10rpx;
          flex-shrink: 0;
        }

        .center_ {
          width: 1.5rpx;
          height: 35rpx;
          opacity: 1;
          background-color: #bbbbbb;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 144rpx;
        }

        .left {
          display: flex;

          img {
            width: 90rpx;
            height: 90rpx;
            margin-right: 18rpx;
          }

          .shangpin {
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            .title {
              font-size: 25rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              width: 320rpx;
              // display: -webkit-box;
              // -webkit-box-orient: vertical;
              // -webkit-line-clamp: 1;
              // overflow: hidden;
            }

            .jiage {
              .now {
                font-size: 22rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                color: #db361f;
              }

              .last {
                margin-left: 14rpx;
                font-size: 22rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                // text-decoration:  line-through;
                // text-align: justify;
                color: #999999;
              }
            }
          }
        }
      }

      .sj {
        font-size: 22rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: left;
        color: #999999;

        .sj1 {
          margin-right: 20rpx;
        }
      }

      .wj {
        width: 100%;
        height: 127rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        padding: 18rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        margin-top: 20rpx;

        .left {
          height: 105rpx;
          display: flex;
          align-items: center;

          img {
            width: 90rpx;
            height: 90rpx;
            margin-right: 18rpx;
          }

          .name {
            font-size: 25rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: justify;
            color: #111111;
            line-height: 37rpx;
            word-break: break-all;
            word-warp: break-word;
          }
        }
      }

      .weitie {
        display: flex;
        flex-wrap: wrap;
        // padding-bottom: 20rpx;

        .moreImg {
          width: 180rpx;
          height: 180rpx;
          margin-right: 14rpx;
          margin-bottom: 14rpx;
          position: relative;
          overflow: hidden;

          img {
            min-width: 180rpx;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
          }
        }

        .moreImg:nth-child(3n) {
          margin-right: 0;
        }

        .oneImage {
          width: 100%;
          height: 100%;
        }

        .video {
          position: relative;

          image {
            width: 570rpx;
            height: 340rpx;
          }

          .bofang {
            width: 70rpx;
            height: 70rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -35rpx;
            margin-top: -35rpx;
          }
        }
      }
    }

    .ewm {
      width: 90rpx;
      height: 90rpx;
      margin-top: 43rpx;
      margin-bottom: 14rpx;
      margin-left: 274rpx;
    }

    .bottom {
      // opacity: 0.54;
      font-size: 20rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: center;
      color: #8ab8ee;
      line-height: 28rpx;

      .bottom_ {
        margin-top: 3rpx;
      }
    }
  }

  .btn {
    width: 750rpx;
    height: 80rpx;
    text-align: center;
    line-height: 80rpx;
    opacity: 1;
    font-size: 32rpx;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #111111;
    position: fixed;
    bottom: -1rpx;
    left: 0;
    background-color: #ffffff;
  }
}

.wu_Huo {
  margin-top: 332rpx;
  opacity: 1;
  font-size: 32rpx;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #111111;
}

.main6 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6666;
  background: rgba(0, 0, 0, 0.4);
}

.mian {
  .fenxiang_ {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.4);

    .footer_content {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 750rpx;
      height: 200rpx;
      opacity: 1;
      background: #f7f7f7;
      display: flex;
      padding-top: 28rpx;
      justify-content: center;

      // align-items: center;
      .item_ {
        display: flex;
        flex-direction: column;
        align-items: center;

        image {
          width: 100rpx;
          height: 100rpx;
        }

        text {
          font-size: 26rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          // text-align: left;
          color: #111111;
        }
      }

      .item_imgShare {
        padding: 0 112rpx;
      }
    }

    .content_ {
      width: 690rpx;
      height: 200rpx;
      background: #ffffff;
      border-radius: 8rpx;
      position: absolute;
      top: 30rpx;
      left: 32rpx;
      padding: 46rpx 32rpx;
      padding-right: 56rpx;
      box-sizing: border-box;
      z-index: 10000;
      display: flex;
      justify-content: space-between;

      .left_ {
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .one_ {
          font-size: 36rpx;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          // text-align: center;
          color: #000000;
        }

        .two_ {
          font-size: 32rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          // text-align: center;
          color: #999999;
        }
      }

      .right_ {
        height: 69rpx;
        width: 70rpx;

        image {
          width: 100%;
          height: 100%;
        }
      }
    }
  }

  border-top: 2rpx solid #ddddddff;
  padding: 0 36rpx;
  background: rgba(255, 255, 255, 1);
  padding-top: 92rpx;

  .file_content {
    width: 100%;
    height: 116rpx;
    padding: 18rpx 20rpx;
    box-sizing: border-box;
    background: #f7f7f7;
    border-radius: 4rpx;
    display: flex;
    align-items: center;
    margin-top: 28rpx;

    .left_file {
      flex-shrink: 0;
      width: 80rpx;
      height: 80rpx;
      // background: #e8950d;
      border-radius: 4rpx;
      margin-right: 20rpx;

      image {
        width: 100%;
        height: 100%;
        border-radius: 4rpx;
      }
    }

    .right_file {
      font-size: 28rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: justify;
      color: #111111;
      line-height: 36rpx;
      max-width: 560rpx;
      word-break: break-all;
      word-warp: break-word;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
  }

  .act_content,
  .goods_content {
    margin-top: 22rpx;
    display: flex;
    align-items: center;
    width: 678rpx;
    height: 116rpx;
    opacity: 1;
    background: #f7f7f7;
    border-radius: 4rpx;
    padding: 18rpx;
    box-sizing: border-box;
    justify-content: space-between;
    position: relative;

    .right_ {
      opacity: 1;
      font-size: 30rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #0f6ede;
      // padding-left: 28rpx;
      padding-right: 10rpx;
      flex-shrink: 0;
    }

    .center_ {
      width: 1.5rpx;
      height: 35rpx;
      opacity: 1;
      background-color: #bbbbbb;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 144rpx;
    }

    .left_ {
      display: flex;

      > image {
        width: 80rpx;
        height: 80rpx;
        opacity: 1;
      }

      .actName {
        height: 86rpx;
        padding: 0 14rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;

        .name {
          opacity: 1;
          font-size: 28rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          text-align: justify;
          color: #111111;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          width: 350rpx;
        }

        .time {
          font-size: 24rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          text-align: left;
          color: #999999;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          width: 350rpx;
        }

        .price {
          .now {
            opacity: 1;
            font-size: 24rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: justify;
            color: #db361f;
            margin-right: 12rpx;
          }

          .last {
            font-size: 24rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-decoration: line-through;
            text-align: justify;
            color: #999999;
          }
        }
      }
    }
  }

  .top_tou {
    display: flex;
    padding: 0 38rpx;
    width: 750rpx;
    height: 92rpx;
    background: #f8f8f8;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    box-sizing: border-box;

    .left_ {
      image {
        height: 40rpx;
        width: 40rpx;
      }
    }

    .center_ {
      font-size: 36rpx;
      font-family: PingFangSC, PingFangSC-Medium;
      font-weight: 500;
      text-align: center;
      color: #111111;
    }

    .right_ {
      width: 18rpx;
    }
  }

  .top_kuang {
    display: flex;
    justify-content: space-between;
  }

  .top_s {
    margin-top: 36rpx;
    width: 750rpx;
    height: 64rpx;
    opacity: 1;
    background: #f7f7f7;
    border-radius: 9rpx;
    display: flex;
    align-items: center;
    padding-left: 14rpx;
    box-sizing: border-box;

    .left {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 6rpx;

      image {
        width: 28rpx;
        height: 27rpx;
      }
    }

    .right {
      flex: 1;

      input {
        width: 100%;
        height: 100%;
        font-size: 24rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
      }
    }

    .end {
      height: 100%;
      display: flex;
      align-items: center;
      width: 50rpx;
      justify-content: center;
    }
  }

  .search_his .title {
    margin-top: 56rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .text {
      opacity: 1;
      font-size: 28rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: left;
      color: #999999;
    }

    .shan {
      margin-right: 6rpx;
      // margin-top: 2rpx;
      width: 36rpx;
      height: 36rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }

    .shan_1 {
      // display: flex;
      font-size: 24rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(136, 136, 136, 1);
      line-height: 33rpx;

      .xian {
        display: inline-block;
        width: 2rpx;
        height: 24rpx;
        margin: 0 20rpx;
        background-color: #eee;
        margin-bottom: -3rpx;
      }

      .two {
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(33, 104, 235, 1);
        line-height: 33rpx;
        display: inline-block;
        height: 24rpx;
      }
    }
  }

  .search_his .content {
    padding-top: 8rpx;
    display: flex;
    flex-wrap: wrap;

    // margin-top: 50rpx;
    .item {
      height: 64rpx;
      opacity: 1;
      background: #f4f4f4;
      border-radius: 4rpx;
      display: flex;
      padding: 12rpx 28rpx;
      box-sizing: border-box;
      margin-right: 24rpx;
      margin-top: 24rpx;
      font-size: 28rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: center;
      color: #333333;

      .name1 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        width: 200rpx;
      }

      > .xian {
        text {
          height: 26rpx;
          display: inline-block;
          width: 2rpx;
          background-color: #eee;
          margin: 0 18rpx;
          margin-bottom: -3rpx;
        }

        image {
          position: relative;
          top: -1rpx;
          height: 20rpx;
          width: 20rpx;
        }
      }
    }
  }

  .titleReslt {
    margin-top: 56rpx;
    padding-bottom: 32rpx;
    opacity: 1;
    font-size: 28rpx;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #999999;

    text {
      padding-left: 14rpx;
      color: #000000;
    }
  }

  .circle_list {
    .content_list {
      margin-top: 39rpx;

      .title_ {
        font-size: 36rpx;
        font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
        font-weight: 500;
        text-align: left;
        color: #111111;
      }

      .lists_ {
        margin-top: 26rpx;
        margin-bottom: 20rpx;

        .item_ {
          margin-top: 40rpx;
          padding-bottom: 28rpx;
          border-bottom: 1rpx solid #dddddd;

          .quan {
            display: inline-block;
            margin-left: 10rpx;
            font-size: 30rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #2168eb;
            line-height: 30rpx;
          }

          .bottom_zan {
            display: flex;
            justify-content: space-between;
            margin-top: 28rpx;
            align-items: center;

            .left_ {
              display: flex;

              > text {
                font-size: 24rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                text-align: left;
                color: #999999;
              }

              .businessTypeStr {
                padding-right: 20rpx;
              }

              .zan_ren {
                display: flex;
                align-items: center;

                .image {
                  width: 41rpx;
                  height: 41rpx;
                  border-radius: 50%;
                  border: 2rpx solid #ffffff;
                  // box-sizing: border-box;
                }

                .image:nth-child(2) {
                  position: relative;
                  z-index: 2;
                  left: -10rpx;
                }

                .image:nth-child(3) {
                  position: relative;
                  z-index: 3;
                  left: -20rpx;
                }
              }

              .zan_ren1 {
                margin-right: 11rpx;
              }

              .zan_photo {
                display: flex;
                align-items: center;

                // margin-left: rpx;
                .image {
                  // margin-top: 3rpx;
                  width: 40rpx;
                  height: 40rpx;
                  margin-right: 10rpx;
                }

                text {
                  font-size: 24rpx;
                  font-family: PingFangSC, PingFangSC-Regular;
                  font-weight: 400;
                  text-align: justify;
                  color: #111111;
                }
              }
            }

            .right_ {
              display: flex;
              align-items: center;

              .zan_photo {
                display: flex;
                align-items: center;

                .image {
                  // margin-top: 3rpx;
                  width: 40rpx;
                  height: 40rpx;
                  margin-right: 10rpx;
                }

                text {
                  display: inline-block;
                  width: 66rpx;
                  font-size: 24rpx;
                  font-family: PingFangSC, PingFangSC-Regular;
                  font-weight: 400;
                  text-align: justify;
                  color: #111111;
                }
              }

              .pinglun {
                display: flex;
                align-items: center;

                // margin-left: 56rpx;
                image {
                  height: 40rpx;
                  width: 40rpx;
                }

                text {
                  display: inline-block;
                  width: 85rpx;
                  margin-top: -4rpx;
                  margin-left: 10rpx;
                  font-size: 24rpx;
                  font-family: PingFangSC, PingFangSC-Regular;
                  font-weight: 400;
                  text-align: justify;
                  color: #111111;
                }
              }

              .fenxiang {
                // margin-left: 56rpx;
                width: 40rpx;
                height: 40rpx;
                display: flex;
                align-items: cneter;

                image {
                  width: 100%;
                  height: 100%;
                }
              }
            }
          }

          .content {
            max-width: 678rpx;
            margin-top: 22rpx;
            font-size: 30rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            color: #111111;
            line-height: 40rpx;
            display: flex;
            flex-wrap: wrap;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            // word-break: break-all;

            .zhiding {
              width: 46rpx;
              height: 25rpx;
              margin-right: 10rpx;
            }

            .jing {
              width: 26rpx;
              height: 26rpx;
              margin-right: 10rpx;
            }
          }

          .content1 {
            word-break: break-all;
          }

          .imgs {
            margin-top: 16rpx;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            overflow: hidden;

            image {
              margin-top: 10rpx;
              width: 220rpx;
              height: 220rpx;
              border-radius: 4rpx;
              margin-right: 8rpx;
            }

            image:nth-child(3n) {
              margin-right: 0;
            }

            .myVideo {
              position: relative;

              image {
                width: 678rpx;
                height: 380rpx;
                border-radius: 8rpx;
              }

              .shipingBo {
                width: 80rpx;
                height: 80rpx;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
              }
            }

            .myImage {
              width: 678rpx;
              height: 412rpx;
              border-radius: 8rpx;
            }
          }

          .top_ {
            display: flex;
            justify-content: space-between;
            align-items: center;

            .left {
              height: 88rpx;
              display: flex;
              align-items: center;

              .one_ {
                width: 88rpx;
                height: 88rpx;
                margin-right: 20rpx;
                border-radius: 4rpx;
                position: relative;

                > image {
                  width: 100%;
                  height: 100%;
                }

                > .verified {
                  width: 36rpx;
                  height: 36rpx;
                  position: absolute;
                  bottom: -6rpx;
                  right: -6rpx;
                }
              }

              .two_ {
                position: relative;
                top: -5rpx;
                height: 88rpx;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                color: #999;

                .name {
                  opacity: 1;
                  font-size: 30rpx;
                  font-family: PingFangSC, PingFangSC-Medium;
                  font-weight: 500;
                  text-align: left;
                  color: #111111;
                }

                .post {
                  display: flex;

                  .company {
                    font-size: 24rpx;
                    font-family: PingFangSC, PingFangSC-Regular;
                    font-weight: 400;
                    color: #999999;
                    padding-right: 18rpx;
                  }
                }
              }
            }

            .right {
              position: relative;
              width: 34rpx;
              height: 34rpx;
              display: flex;
              align-items: center;

              image {
                width: 100%;
                height: 100%;
              }

              .three6 {
                position: absolute;
                top: 50rpx;
                right: -6rpx;
                width: 180rpx;
                background-color: #fff;
                border-radius: 10rpx;
                padding: 0 20rpx;
                box-sizing: border-box;
                z-index: 66666;

                .one1 {
                  padding: 15rpx 0;
                  font-size: 28rpx;
                  width: 100%;
                  text-align: center;
                  border-bottom: 2rpx solid #eee;
                }

                .jiao {
                  height: 0;
                  width: 0;
                  border-bottom: 15rpx solid #fff;
                  border-left: 7.5rpx solid transparent;
                  border-right: 7.5rpx solid transparent;
                  position: absolute;
                  right: 16rpx;
                  top: -15rpx;
                }
              }
            }
          }
        }

        .item_:last-child {
          padding-bottom: 0;
          border-bottom: none;
        }

        .item_:first-child {
          margin-top: 28rpx;
        }
      }
    }

    .center_xian {
      width: 678rpx;
      height: 1rpx;
      opacity: 1;
      background-color: #eeeeee;
      // border: 1rpx solid #eeeeee;
      margin: 28rpx auto;
    }

    .rm {
      .list {
        border-bottom: 1rpx solid #dddddd;
        box-sizing: border-box;

        .tcxq {
          padding: 20rpx 32rpx;
          padding-right: 18rpx;
          box-sizing: border-box;
          width: 100%;
          height: 120rpx;
          background: #f7f7f7;
          border-radius: 4rpx;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          box-sizing: border-box;
          font-size: 24rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          text-align: left;
          color: #111111;
          margin: 28rpx 0;

          .tc {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;

            text {
              margin-right: 20rpx;
            }
          }

          .xq {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            margin-top: 10rpx;

            text {
              margin-right: 20rpx;
            }
          }
        }

        .list_top {
          display: flex;
          justify-content: space-between;
          align-items: center;

          .left {
            display: flex;

            .tou {
              width: 88rpx;
              height: 88rpx;
              position: relative;
              margin-right: 20rpx;

              .touxiang {
                width: 88rpx;
                height: 88rpx;
                border-radius: 4rpx;
              }

              .verified {
                width: 36rpx;
                height: 36rpx;
                position: absolute;
                bottom: -6rpx;
                right: -6rpx;
              }
            }

            .abstract {
              height: 88rpx;
              display: flex;
              flex-direction: column;
              justify-content: space-between;

              .abstract_top {
                display: flex;
                align-items: center;

                .name {
                  display: inline-block;
                  max-width: 160rpx;
                  opacity: 1;
                  font-size: 30rpx;
                  font-family: PingFangSC, PingFangSC-Medium;
                  font-weight: 500;
                  text-align: left;
                  color: #111111;
                  margin-right: 21rpx;
                  word-break: break-all;
                  word-warp: break-word;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 1;
                  overflow: hidden;
                }
              }

              .phone,
              .bott {
                font-size: 24rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                text-align: left;
                color: #999999;
              }

              .bott {
                display: flex;
                align-items: center;

                .company {
                  max-width: 196rpx;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 1;
                  overflow: hidden;
                }
              }

              .position {
                margin: 0 30rpx;
              }
            }
          }
        }

        .list_bottom {
          width: 100%;
          height: 74rpx;
          padding: 20rpx;
          background: #f7f7f7;
          border-radius: 4rpx;
          font-size: 24rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          color: #111111;
          display: flex;
          white-space: nowrap;
          box-sizing: border-box;

          .tc1 text {
            margin-right: 18rpx;
          }

          .tc1 {
            margin-right: 35rpx;
            background: #f7f7f7;
          }

          .xq text {
            margin-right: 18rpx;
          }
        }
      }

      .list:last-child {
        border-bottom: none;
      }
    }

    .noConcern {
      width: 100%;
      height: 178rpx;
      margin-top: 34rpx;

      image {
        width: 100%;
        height: 178rpx;
      }
    }
  }
}
</style>
